import React from "react";

const NullDatCard = ({ title, img, desc, subDesc }) => {
  return (
    <div className="placeholder-card">
      <div className="title">{title}</div>
      <div className="placeholder-content">
        <img className="placeholder-img" src={img} alt="" />
        <div className="placeholder-right">
          <div className="placeholder-title">{desc}</div>
          <div className="placeholder-desc">{subDesc}</div>
        </div>
      </div>
    </div>
  );
};

NullDatCard.propTypes = {
  title: React.PropTypes.string.isRequired,
  img: React.PropTypes.any,
  desc: React.PropTypes.string,
  subDesc: React.PropTypes.string,
};

export default NullDatCard;
